<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<title>UI样式-表单-JavaScript-WSCORE</title>
	<link href="../../theme/style.css" rel="stylesheet" type="text/css" />
	<script src="../../theme/browser.js" type="text/javascript"></script>
</head>
<body>
	<div class="header">
		<ol>
			<li><a href="../../index.html">首页</a></li>
			<li><a href="index.html">表单初始化</a></li>
			<li>UI</li>
		</ol>
	</div>
	<fieldset>
		<legend>UI</legend>
		UI主要用于兼容IE6+(Trident)、AppleWebkit、Gecko等内核的浏览器，以及部分UI美化
		<div class="code example">
			<i>jQuery</i> ( <u>selector</u> ) . <b>wscbase_form_ui</b> ()
		</div>
		<div class="param">
			<strong>selector</strong><br />
			类型：jQuery-Object<br />
			描述：初始化元素UI
			<div class="example"><pre><i>jQuery</i> ( '<u>input[name="email"]</u>' ) . <b>wscbase_form_event</b> ()</pre></div>
		</div>
	</fieldset>

	<fieldset>
		<legend>placeholder</legend>
		注意：限文本类(元素类型为 text、password、textarea)有效
		<div class="code example">占位符</div>
		<div class="param">
			<strong>示例</strong><br />
			<input type="text" placeholder="占位符内容" />
			<div class="example"><pre>&lt;<u>input</u> <b>placeholder</b>="<i>占位符内容</i>" ... /&gt;</pre></div>
		</div>
	</fieldset>

	<fieldset>
		<legend>placempty</legend>
		注意：限文本类(元素类型为 text、password、textarea)有效
		<div class="code example">清空符</div>
		<div class="param">
			<strong>示例</strong><br />
			<input type="text" value="点击X清空内容" placempty="true" />
			<div class="example"><pre>&lt;<u>input</u> <b>placempty</b>="<i>true</i>" ... /&gt;</pre></div>
		</div>
	</fieldset>

	<fieldset>
		<legend>消息窗</legend>
		绑定指定元素消息窗口配置
		<div class="br"></div>
		<table>
			<thead>
				<tr>
					<th>属性名</th>
					<th>属性值</th>
					<th>说明</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>info-pos</td>
					<td>r</td>
					<td>右侧(Right, 默认) 消息窗口相对当前表单元素</td>
				</tr>
				<tr>
					<td></td>
					<td>t</td>
					<td>上方(Top)</td>
				</tr>
				<tr>
					<td></td>
					<td>l</td>
					<td>左侧(Left)</td>
				</tr>
				<tr>
					<td></td>
					<td>b</td>
					<td>下方(Bottom)</td>
				</tr>

				<tr>
					<td>info-margin-top</td>
					<td>0</td>
					<td>上偏移; 相对表单元素向上偏移int个像素(正、负整数)</td>
				</tr>
				<tr>
					<td>info-margin-left</td>
					<td>0</td>
					<td>左偏移</td>
				</tr>
				<tr>
					<td>info-margin-right</td>
					<td>0</td>
					<td>右偏移</td>
				</tr>
				<tr>
					<td>info-margin-bottom</td>
					<td>0</td>
					<td>下偏移</td>
				</tr>

				<tr>
					<td>info-info</td>
					<td>内容</td>
					<td>激活焦点时, 消息窗口内容</td>
				</tr>
				<tr>
					<td>info-error</td>
					<td>内容</td>
					<td>验证出错时, 消息窗口内容</td>
				</tr>
				<tr>
					<td>info-success</td>
					<td>内容</td>
					<td>验证成功时, 消息窗口内容</td>
				</tr>

			</tbody>
		</table>
		
		
		<div class="code example">清空符</div>
		<div class="param">
			<strong>示例</strong><br />
			<input type="email" required placeholder="请填写邮箱" placempty="true" info-pos="t" info-margin-top="-30" info-margin-left="65" info-info="如: someone@example.com" info-error="邮箱格式错误" info-success="邮箱正确"/>
			<div class="example"><pre>&lt;<u>input</u> <b>placempty</b>="<i>true</i>" ... /&gt;</pre></div>
		</div>
	</fieldset>





</body>
</html>